<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>left</title>
</head>
<
<link href="${basePath}/res/js/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<@js selfjs="lib/jquery.min.js" /> 
<@js selfjs="lib/bootstrap/js/bootstrap.min.js" /> 

<body>
<div class="container">

	<div class="row clearfix">
	
		<div class="col-md-12 column">
		
			<nav class="navbar navbar-default" role="navigation">
				<div class="navbar-header">
					 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
					  <span class="sr-only">Toggle navigation</span>
					  <span class="icon-bar"></span>
					  <span class="icon-bar"></span>
					  <span class="icon-bar"></span>
					  </button> <a class="navbar-brand" href="#">下拉菜单</a>
				</div>
				
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<form class="navbar-form navbar-left" role="search">
						<div class="form-group">
							<input class="form-control" type="text" />
						</div> <button type="submit" class="btn btn-default">查  询</button>
					</form>
					
					<ul class="nav navbar-nav">
						<li class="active">
							 <a href="${basePath}/demo/sub/page1.htm" target="main">页面1</a>
						</li>
						<li>
							 <a href="${basePath}/demo/sub/page2.htm" target="main">页面2</a>
						</li>
						<li class="dropdown">
							 <a href="#" class="dropdown-toggle" data-toggle="dropdown">bootstrap-功能测试<strong class="caret"></strong></a>
							<ul class="dropdown-menu">
								<li>
									  <a href="${basePath}/demo/sub/table.htm" target="main">表格</a>
								</li>
								<li class="divider">
								</li>
								<li>
									<a href="#">下拉菜单</a>
								</li>
								<li class="divider">
								</li>
								<li>
									 <a href="#">按钮</a>
								</li>
								<li class="divider">
								</li>
								<li>
									 <a href="#">弹出框</a>
								</li>
								<li class="divider">
								</li>
								<li>
									 <a href="#">ajax请求</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
				
			</nav>
		</div>
	</div>
</div>

</body>
</html>